<template>
	<view>
		<view class="list">
			<view class="title">我的功能</view>
			<u-grid :col="3" :border="false">
				<u-grid-item v-for="(item,index) in list">
					<u-icon :name="item.icon" :size="46"></u-icon>
					<view class="grid-text">{{item.name}}</view>
				</u-grid-item>
			</u-grid>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[{
					icon: 'account',
					name: '会员等级'
				},{
					icon: 'gift',
					name: '积分商城'
				},{
					icon: 'order',
					name: '我的订单'
				},{
					icon: 'map',
					name: '收货地址'
				},{
					icon: 'coupon',
					name: '兑换码'
				},{
					icon: 'scan',
					name: '邀请有礼'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.list{
		margin: 20rpx;
		background-color: #FFFFFF;
		box-shadow:0px 0px  10px 0px #e4e7ed;
		border-radius: 15rpx;
	}
	.title{
		padding: 20rpx 20rpx;
		font-weight: bold;
	}
</style>
